<template>
  <sui-container style="padding: 50px">
    <h2 is="sui-header">
      Statistic
      <a href="http://localhost:8080/" is="sui-button" style="float: right ">主页</a>
    </h2>
    <sui-divider/>
    <sui-statistics-group class="three">
        <sui-statistic size="large" color="red" horizontal>
          <sui-statistic-value>3,300</sui-statistic-value>
          <sui-statistic-label>观看</sui-statistic-label>
        </sui-statistic>
      <sui-statistic size="large" color="red" horizontal>
        <sui-statistic-value>520</sui-statistic-value>
        <sui-statistic-label>赞</sui-statistic-label>
      </sui-statistic>
      <sui-statistic size="large" color="red" horizontal>
        <sui-statistic-value>1,024</sui-statistic-value>
        <sui-statistic-label>评论</sui-statistic-label>
      </sui-statistic>
    </sui-statistics-group>
  </sui-container>
</template>

<script>
export default {
  name: 'Statistic'
}
</script>

<style scoped>

</style>
